<template>
  <div class="fa" v-flex="80">
    <div v-for="item, index in variant" :key="index">
      <ee-shape class="i" :shape="item.shape1" :shape2="item.shape2">
      </ee-shape>
    </div>
  </div>
</template>

<script type="text/javascript">
import { shapes } from '@/ee-ui/display/ee-shape'

export default {
  name: "test-ee-shape",
  data() {
    return {
    }
  },
  props: {
  },
  computed: {
    variant() {
      const array = [];
      for (let i = 0; i < shapes.length; i++) {
        for (let j = i + 1; j < shapes.length; j++) {
          array.push({ shape1: shapes[i], shape2: shapes[j] })
        }
      }
      return array;
    }
  },
  methods: {
  },
  mounted() {
  },
}
</script>

<style lang="scss" scoped>
.fa {
  font-size: 3em;
}
</style>